
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path' // 编辑器提示 path 模块找不到，可以yarn add @types/node --dev
import { viteMockServe } from 'vite-plugin-mock'


export default defineConfig({
  plugins: [vue(),viteMockServe({
    supportTs: false,
    mockPath:'/src/mock'
  })],
  css:{
    //css 预处理器
    preprocessorOptions:{
      less:{
        javascriptEnabled:true,
        modifyVars:{
          hack: `true; @import (reference)"${resolve(__dirname,'./src/assets/style/main.less')}";`,
        },
      }
    }
  },
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src') // 设置 `@` 指向 `src` 目录
    }
  },
  server: {
    hmr:true,
    host:true,
    port: 3001, // 设置服务启动端口号
    open: true, // 设置服务启动时是否自动打开浏览器
    // 代理
    proxy: {
      '/api': {
        // target: 'http://192.168.52.198:3000',
        target: 'http://localhost:3000',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
    }
  },
  base: './'  //打包路径 绝对路径生成
})

